<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./2.css">
    <title>Document</title>
</head>
<body>
    <header>
        <img src="./image/logo.jpg" alt="logo">
        <ul>
            <li>尾品汇</li>
            <li>当当优品</li>
            <li>数字馆</li>
            <li>都看阅器</li>
        </ul>
    </header>
    <nav>
        <ul>
            <li>首页</li>
            <li>图书</li>
            <li>音像</li>
            <li>童装</li>
            <li>服装</li>
            <li>鞋靴</li>
            <li>运动</li>
            <li>箱包</li>
            <li>美妆</li>
            <li>珠宝</li>
            <li>家居</li>
            <li>食品</li>
            <li>酒</li>
            <li>手机</li>
            <li>数码</li>
            <li>电脑</li>
            <li>家电</li>
        </ul>
    </nav>
    <img class="banner" src="./image/banner.png" alt="banner">
    <article>
        <img src="./image/bg_bang.gif" alt="bang">
        <div class="section-wrap">
            <section class="no1 section">
                <div class="left">
                    <img class="no1-img" src="./image/bookNo1.gif" alt="no1">
                    <img class="book1" src="./image/book-01.jpg" alt="book1">
                </div>
                <div class="right">
                    <p>偷影子的人</p>
                    <p>作 者：[法] 马克·吐温</p>
                    <p>出版社：湖南文艺出版社</p>
                    <p>当当价：<span class="price">￥ 17.90</span></p>
                    <p>不知道巴拉巴拉不知道巴拉巴拉不知道巴拉巴拉不知道巴拉巴拉不知道巴拉巴拉不知道巴拉巴拉不知道巴拉巴拉不知道巴拉巴拉不知道
                        不知道巴拉巴拉不知道巴拉巴拉不知道巴拉巴拉不知道巴拉巴拉不知道巴拉巴拉不知道巴拉巴拉不知道巴拉巴拉不知道巴拉巴拉不知道
                    </p>
                </div>
            </section>
            <div class="right-wrap">
                <section class="no2">
                    <div class="left">
                        <img class="no2-img" src="./image/bookNo2.gif" alt="no1">
                        <img class="book2" src="./image/book-02.jpg" alt="book1">
                    </div>
                    <div class="right">
                        <p>偷影子的人</p>
                        <p>作 者：[法] 马克·吐温</p>
                        <p>出版社：湖南文艺出版社</p>
                        <p><span class="price">￥ 17.90</span><span class="discount">7.4折</span></p>
                    </div>
                </section>
                <section class="no3">
                    <div class="left">
                        <img class="no2-img" src="./image/bookNo3.gif" alt="no1">
                        <img class="book2" src="./image/book-03.jpg" alt="book1">
                    </div>
                    <div class="right">
                        <p>偷影子的人</p>
                        <p>作 者：[法] 马克·吐温</p>
                        <p>出版社：湖南文艺出版社</p>
                        <p><span class="price">￥ 17.90</span><span class="discount">7.4折</span></p>
                    </div>
                </section>
            </div>
        </div>
    </article>
    <footer>
        Copyright (C) 当当网 2004-2017, All Rights Reserved <img src="./image/validate.gif">
        京ICP证041189号出版物经营许可证 新出发京批字第直0673号
    </footer>
</body>
</html>